<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家装设计网站</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/home.css" />
	</head>
	<body>
		<!--顶部导航 -->
		<header>
			<div class="nav_title  clearfix">
				<div class="nav_top clearfix">
					<ul>
						<li><a href="javascript:;"class="formdesigner">预约设计师</a></li>
						<li><a href="javascript:;">我要装修</a></li>
						<li><a href="javascript:;">400-665-3707</a></li>
					</ul>
				</div>
			</div>
			<div class="nav_body">
				<ul class="nav">
					<li><a href="index.html" style="background: url(images/nav-hover.png); color: white;">首页</a></li>
					<li><a href="jzal.html">家装案例</a></li>
					<li><a href="designteam_No2.html">设计团队</a></li>
					<li><a href="knowledge_No2.html">家装知识</a></li>
					<li><a href="about.html">关于我们</a></li>
				</ul>
			</div>
			<div class="js-silder">
			   <div class="silder-scroll">
					<div class="silder-main">
						<div class="silder-main-img">
							<img src="images/1-1.jpg" alt="">
						</div>
						<div class="silder-main-img">
							<img src="images/2-1.jpg" alt="">
						</div>
						<div class="silder-main-img">
							<img src="images/3-1.jpg" alt="">
						</div>
					</div>
				</div>
			</div>
						<!--<div class="banner">
				<img src="images/home_banner.jpg" alt="banner" width="100%"/>
				<div class="swip">
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</div>
			</div>-->
		</header>
		<!--中间内容-->
		<section>
			<div class="sec">
				<ul class="clearfix">
					<li class="li_1">
						<img src="images/design.png"/>
						<p>免费设计</p>
						<p class="p2">获取三分钟设计方案</p>
					</li>
					<li class="li_1">
						<img src="images/quote.png"/>
						<p>免费报价</p>
						<p class="p2">算算装修要花多少钱</p>
					</li>
					<li class="li_1">
						<img src="images/decorate.png"/>
						<p>装修分期</p>
						<p class="p2">0元启动装修，资金无压力</p>
					</li>
					<li class="li_1" >
						<img src="images/decorate_1.png"/>
						<p>装修保</p>
						<p class="p2">专业质检排查62项装修指标</p>
					</li>
				</ul>
			</div>
			<!--家装案例-->
			<div class="case_title">
				 <img src="images/case.png" alt="exam" />
			</div>
			<div class="case clearfix">
				<div class="case_1 fl">	
					<div class="case1 style">
						<div class="txt1">
							<p>美式风格</p>
							<p>房子内部大部分采用了原生态材料，实木家具，
								古砖等加以花草盆摘的点缀，表达了一种对自然的强烈追求；整体色彩呈
								现一种暖色调，加上暖色灯光给人一种如沐春风的舒适感。
							</p>
							<div class="btn"><a href="javscript:;" class="formdesigner">预约设计</a></div>
						</div>					
					</div>				
				</div>
				<div class="case_2 fl">	
					<div class="case2 style">
						<div class="txt1">
							<p>现代简约风格</p>
							<p>本设计案例采用田园和简欧的设计风格，搭配绿色植物，让整个家居显得格外的自然、
							温馨和精致。
							</p>
							<div class="btn"><a href="javscript:;" class="formdesigner">预约设计</a></div>
						</div>					
					</div>				
				</div>
				<div class="case_3 fl">	
					<div class="case3 style">
						<div class="txt1">
							<p>仿古混搭</p>
							<p>客厅-使用大量仿古材质，墙地砖，软装摆件和大量的木饰面，都体现着空间中的历史感。
							</p>
							<div class="btn"><a href="javscript:;" class="formdesigner">预约设计</a></div>
						</div>					
					</div>				
				</div>
				<div class="case_4 fl">	
					<div class="case4 style">
						<div class="txt1">
							<p>现代风格三居室</p>
							<p>简单沙发和茶几的配置，留出了足够的活动空间黑色桌椅和白色瓷器的经典搭配，简单
								大气，开放式厨房让家人边吃边看，增加食欲。
							</p>
							<div class="btn"><a href="javscript:;" class="formdesigner">预约设计</a></div>
						</div>					
					</div>				
				</div>
				<div class="case_5 fl">	
					<div class="case5 style">
						<div class="txt1">
							<p>地中海风格</p>
							<p>蓝色的渔网静挂在玄关处的墙面上，融入了海边村庄最原始的谋生技能。
								吊顶的四页风扇，文艺又实用。
							</p>
							<div class="btn"><a href="javscript:;" class="formdesigner">预约设计</a></div>
						</div>					
					</div>				
				</div>		
			</div>		
			<div class="more">
				<a href="jzal.html">查看更多</a>
			</div>
			<!--设计团队-->
			<div class="team">
				<div class="team_img">
					<img src="images/designer_team.png" />
				</div>
				<div class="team1 clearfix">
					<ul>
						<li>
							<div class="fl">
								<a href="javscript:;"><img class="fl" src="images/team_1.png"/></a>
							</div>
							<div class="txt fl">
								<p>郑勇</p>
								<p>擅长：简约、现代</p>
								<p>工作经验:四年</p>
								<span>设计独白：将设计融于生活，将家居带入悠闲自在的情境。</span>
							</div>
							<div class="line"></div>
						</li>
						<li>
							<div class="fl">
								<a href="javscript:;"><img class="fl" src="images/team_2.png"/></a>
							</div>
							<div class="txt fl">
								<p>杨慧芳</p>
								<p>擅长：简约、现代</p>
								<p>工作经验:三年</p>
								<p>设计独白：设计是一种艺术表现方式，是一种文化。</p>
							</div>	
							<div class="line"></div>
						</li>
						<li>
							<div class="fl">
								<a href="javscript:;"><img class="fl" src="images/team_3.png"/></a>
							</div>
							<div class="txt fl">
								<p>蒋红福</p>
								<p>擅长：简约、现代、古典</p>
								<p>工作经验:四年</p>
								<p>设计独白：在安静的日月中隐隐释放着令人动容的力量。</p>
							</div>		
							<div class="line"></div>
						</li>
						<li>
							<div class="fl">
								<a href="javscript:;"><img class="fl" src="images/team_4.png"/></a>
							</div>
							<div class="txt fl">
								<p>周斌</p>
								<p>擅长：简约、现代</p>
								<p>工作经验:六年</p>
								<p>设计独白：以人为本为中心，满足功能、风水、风格、个性的室内环境。</p>
							</div>	
							<div class="line"></div>
						</li>
					</ul>										
				</div>
				<div class="more">
					<a href="designteam_No2.html">查看更多</a>
				</div>
			</div>
		</section>
		<!--关于我们-->
		<div class="company">
			<div class="com">
				<img  src="images/aboutus.png" />
				<p>本公司-互联网装修领导者（中国建筑装饰行业协会认证），由深圳市彬讯科技有限公司创办，总部位于
					深圳市南山区科技园，是国家级的高新技术企业。自2008年创办以来，始终秉承“用心服务用户来赢得
					口碑和利益”的经营理念，并始终处于高速而稳健的发展态势。截止目前，已开通250个城市分站，汇
					聚全国近8万多家正规装修公司、100万名室内设计师，已成立北京、上海、广州、武汉、长沙、南
					京、合肥、厦门、福州等36家分公司。</p>
				<div class="more">
					<a href="about.html">查看更多</a>
				</div>
			</div>
			
		</div>
		<!--底部导航-->
		<div class="footer">
			<div class="aboutus">
				<div class="about">
					<div class="list1">
						<dl>
							<dt>关于我们</dt>
							<dd><a href="about.html">公司介绍</a></dd>
							<dd><a href="about.html">联系我们</a></dd>
							<dd><a href="javscript:;">加入我们</a></dd>
						</dl>
					</div>					
				   <div class="list2">
				   		<dl>
							<dt>留言帮助</dt>
							<dd><a href="javscript:;">网站帮助</a></dd>
							<dd><a href="javscript:;">帮助中心</a></dd>
							<dd><a href="javscript:;">意见反馈</a></dd>
						</dl>
				   </div>				   
				   <div class="list3">
				   		<ul>
				   			<li>客服电话</li>
				   			<li class="tel">4008-665-3707</li>
				   			<li>周一至周日：8：00-22：00</li>
				   			<li>合肥市包河区</li>
				   		</ul>				   	
				   </div>
				   <div class="contact">
				   		<div class="wechat">
				   			<img src="images/QR_code.jpg" />
				   			<p>官方微信</p>
				   		</div>
				   		<div class="weibo">
				   			<img src="images/QR_code.jpg" />
				   			<p>官方微博</p>
				   		</div>					   		
				   </div>
				</div>
			</div>
		</div>
			<div class="copy">
				<p>Copyright©2006-2017|合肥点设科技有限公司版权所有|皖ICP证130164号</p>
			</div>
		</div>

		<!-- 弹出表单-->
		<div class="formtable" id="formtable2">
			<p>马上登记、立即预约设计师</p>
			<div class="usename formtotal">
				<span class="fominfo">您的称呼</span>
				<input type="text" name="text" placeholder="先生/女士"/>
			</div>
			<div class="phone formtotal">
				<span class="fominfo">手机号码</span>
				<input type="text" name="text" placeholder="请输入手机号码"/>
			</div>
			<div class=" formtotal">
				<span class="fominfo">楼盘信息</span>
				<input type="text" name="text" placeholder="请填写小区名称" class="houseinfo"/>
			</div>
			<div class="housearea formtotal">
				<span class="fominfo">套内面积</span>
				<input type="text" name="text" placeholder="套内面积"/>
				<span class="area">㎡</span>
			</div>
			<div class="appointment formtotal">立即预约</div>
			<div class="close" id="closeform"><img src="images/close.png"/></div>
		</div>
		<div id="maskbg"></div>
		<!--侧边栏-->
		<div class="siderbar">
			<div class="bar">
				<ul>
					<li class="top">返回顶部</li>
					<li class="tel">400-665-3707</li>
					<li class="qq"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=916626570&amp;site=qq&amp;menu=yes&amp;from=message&amp;isappinstalled=0" target="_blank" title="即刻发送您的需求">在线咨询</a></li>					
					<li class="qr_code">
						微信二维码 <br>
						<img src="images/QR_code.jpg" class="qr_code1" />
					</li>
				</ul>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-1.7.min.js" ></script>
		<script src="js/wySilder.min.js" type="text/javascript"></script>
		<script>
			$(function() {
				// 悬浮窗口
				$(".siderbar").hover(function() {
					$(".siderbar").css("right", "5px");
					$(".bar .qr_code").css('height', '200px');
				}, function() {
					$(".siderbar").css("right", "-127px");
					$(".bar .qr_code").css('height', '53px');
				});
				// 返回顶部
				$(".top").click(function() {
					$("html,body").animate({
						'scrollTop': '0px'
					}, 300)
				});
			});
			
			//弹出表单js
			var w,h;
			function getScreenWH(){
				w=$(window).width();
				h=$(window).height();
				$("#maskbg").width(w).height(h);
			}
			window.onresize=function(){
				getScreenWH();
			}
			$(window).resize();
			$(function(){
				getScreenWH();					
				//显示弹框
				$('.formdesigner').click(function(){
					className=$(this).attr('class');
					$('#maskbg').fadeIn(300);
					$('#formtable2').fadeIn(300);	
				});
				//关闭弹窗
				$("#closeform").click(function(){
					$('#maskbg').fadeOut(300);
					$('#formtable2').fadeOut(300);					
				});																												
			});
			//轮播图片
			$(function (){
				$(".js-silder").silder({
					auto: true,
					speed: 20,
					sideCtrl: true,
					bottomCtrl: true,
					defaultView: 0,
					interval: 1000,
					activeClass: "active",
				});
			});
		</script>
	</body>
</html>
